<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/css_12表单示例.css">
</head>
<body>

     <form action="" class="myform">
        <h2 class="myform-title"> 表单 form : 向服务器提交数据</h2>
        <ul>
            <li class="item"><label for="">姓名：</label><input type="text"></li>
            <li class="item"><label for="">手机号：</label><input type="text"></li>
            <li class="item"><label for="">密码：</label><input type="password"></li>
            <li class="item"><label for="">邮箱： </label><input type="email"></li>
            <li class="item"><label for="">日期： </label><input type="date"></li>
            <li class="item"><label for="">性别：</label>
                <input class="gender" type="radio" name="gender" value="F" checked>男性
                <input class="gender" type="radio" name="gender" value="M">女性
            </li>
            <li class="item"> 
                <label>学历：</label> 
                    <input type="radio" name="degree" value="博士">博士
                    <input type="radio" name="degree" value="硕士">硕士
                    <input type="radio" name="degree" value="本科" >本科
                    <input type="radio" name="degree" value="专科">专科
            </li>
            <li class="item">
                <label for=""> 美食：</label>
                    <input type="checkbox" name="food" >炸鸡                            
                    <input type="checkbox" name="food" >麻辣烫                            
                    <input type="checkbox" name="food" >馄饨                            
                    <input type="checkbox" name="food" >饺子                            
                    <input type="checkbox" name="food" >猪脚饭  
            </li>
            <li class="item">
                <label for="">专业：</label><select name="" id="">
                               <option value="">计算机专业</option>
                               <option value="">金融</option>
                               <option value="">统计学</option>
                               <option value="">机械</option>
                            </select>
            </li>
            <li class="item">
                <label for="">数量：</label>
                <button class="quantity">-</button>
                <input  class="quantity" type="number" value="1">
                <button class="quantity">+</button>
            </li>

            <li class="item">
                <!-- （头像，身份证照片，文件。。。） -->
                <label for="">上传文件：</label><input type="file">
            </li>
            <li class="item userInfo" > 
                <label for="">自我介绍</label><textarea class=""  cols="50" rows="10"></textarea>
            </li>
            <li class="item">
                <input class="button left_first" type="reset" value="重置"> 
                <input class="button" type="submit" value="提交"> 
            </li>

            
        </ul>
        
        
        

        
                                  
        
<!-- 
                           
                         
        
        
        
        
        <input type="button" value="普通按钮"> -->

    </form>
</body>
</html>